<div class="">
    <div class="row ">
        <div class="col-lg-12 text-right">

        </div>
    </div>

    <div class="margin-top">
        <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
            <thead>
                <tr>
                    <th class="text-center">
                        <vc:i18n name='订单编号' namespace='carDetailMonthOrder'></vc:i18n>
                    </th>
                    <th class="text-center">
                        <vc:i18n name='月卡' namespace='carDetailMonthOrder'></vc:i18n>
                    </th>
                    <th class="text-center">
                        <vc:i18n name='车牌号' namespace='carDetailMonthOrder'></vc:i18n>
                    </th>
                    <th class="text-center">
                        <vc:i18n name='车位' namespace='carDetailMonthOrder'></vc:i18n>
                    </th>
                    <th class="text-center">
                        <vc:i18n name='支付方式' namespace='carDetailMonthOrder'></vc:i18n>
                    </th>
                    <th class="text-center">
                        <vc:i18n name='应收金额' namespace='carDetailMonthOrder'></vc:i18n>
                    </th>
                    <th class="text-center">
                        <vc:i18n name='实收金额' namespace='carDetailMonthOrder'></vc:i18n>
                    </th>
                    <th class="text-center">
                        <vc:i18n name='有效期' namespace='carDetailMonthOrder'></vc:i18n>
                    </th>
                    <th class="text-center">
                        <vc:i18n name='状态' namespace='carDetailMonthOrder'></vc:i18n>
                    </th>

                    <th class="text-center">
                        <vc:i18n name='收银员' namespace='carDetailMonthOrder'></vc:i18n>
                    </th>
                    <th class="text-center">
                        <vc:i18n name='购买时间' namespace='carDetailMonthOrder'></vc:i18n>
                    </th>
                    <th class="text-center">
                        <vc:i18n name='备注' namespace='carDetailMonthOrder'></vc:i18n>
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr v-for="carDetailMonthOrder in carDetailMonthOrderInfo.carDetailMonthOrders">
                    <td class="text-center">{{carDetailMonthOrder.orderId}}</td>
                    <td class="text-center">{{carDetailMonthOrder.cardName}}</td>
                    <td class="text-center">{{carDetailMonthOrder.carNum}}</td>
                    <td class="text-center">{{carDetailMonthOrder.psNum}}</td>
                    <td class="text-center">{{carDetailMonthOrder.primeRateName}}</td>
                    <td class="text-center">{{carDetailMonthOrder.receivableAmount}}</td>
                    <td class="text-center">{{carDetailMonthOrder.receivedAmount}}</td>
                    <td class="text-center">{{carDetailMonthOrder.startTime}}</br>
                        ~{{carDetailMonthOrder.endTime}}
                    </td>
                    <td class="text-center">{{carDetailMonthOrder.state == '1001'?'正常':'已退费'}}</td>
                    <td class="text-center">{{carDetailMonthOrder.cashierName}}</td>
                    <td class="text-center">{{carDetailMonthOrder.createTime}}</td>
                    <td class="text-center">{{carDetailMonthOrder.remark}}</td>
                </tr>
            </tbody>
        </table>
        <!-- 分页 -->
        <div class="row">
            <div class="col-sm-4">

            </div>
            <div class="col-sm-8">
                <vc:create namespace="carDetailMonthOrder" path="frame/paginationPlus"></vc:create>
            </div>
        </div>
    </div>
</div>